<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的官网</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <nav>
            <div class="logo">公司名称</div>
            <ul class="nav-links">
                <li><a href="#home">首页</a></li>
                <li><a href="#about">关于我们</a></li>
                <li><a href="#services">服务</a></li>
                <li><a href="#contact">联系我们</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="home" class="hero">
            <h1>欢迎来到我们的官网</h1>
            <p>我们致力于为您提供最优质的服务</p>
            <button class="cta-button">了解更多</button>
        </section>

        <section id="about" class="about">
            <h2>关于我们</h2>
            <p>这里是公司简介和主要业务介绍</p>
        </section>

        <section id="services" class="services">
            <h2>我们的服务</h2>
            <div class="service-grid">
                <div class="service-card">
                    <h3>服务一</h3>
                    <p>服务描述</p>
                </div>
                <div class="service-card">
                    <h3>服务二</h3>
                    <p>服务描述</p>
                </div>
                <div class="service-card">
                    <h3>服务三</h3>
                    <p>服务描述</p>
                </div>
            </div>
        </section>

        <section id="contact" class="contact">
            <h2>联系我们</h2>
            <form>
                <input type="text" placeholder="您的姓名">
                <input type="email" placeholder="您的邮箱">
                <textarea placeholder="您的留言"></textarea>
                <button type="submit">发送</button>
            </form>
        </section>
    </main>

    <footer>
        <p>&copy; 2024 公司名称. 保留所有权利.</p>
    </footer>

    <script src="js/main.js"></script>
</body>
</html> 